for 知乎链接图标抓取
UI设计中的留白准则
2024-06-07 1208 作者:
字号:【小】【中】【大】
分享到:

作为一名UI设计师,要合理使用留白分割、线性分割和卡片分割来提升页面视觉效果和用户体验。根据信息条目复杂度选择合适的分割方式,以达到最佳的信息传达效果。今天天健世纪科技小编就带大家来看看UI设计中的留白准则~

留白的设计准则

留白和裁剪

裁掉主体物的一部分

将主题物的一部分裁掉,让其镜头感更强。可以给用户表达出更多画面蹦出的感觉。主题更突出,用户就会更关注这个部分,从而达到排版者的目的。

012a735e351196a80120a89533ec22_02.jpg

留白和重心

重点功能周边留白,有利于突出页面的重心

在添加购物车以及立即购买按钮的整行操作里,我们习惯上只放一个可操作按钮且用购买色来突出按钮,目的就是让用户立刻下单,形成购买行为。

012a735e351196a80120a89533ec22_04.jpg

留白和视觉流

留白影响视觉流

在网页和三折页设计中,经常会有版块之间的留白。那么精确的运用版块之间的留白,可以让用户的阅读更有秩序性。也帮助用户理解主题信息内容。这个原则类似于眼动仪。

01bb0e5e3511a5a801216518f0f50a_02.jpg

留白和信息分组

利用留白给信息分组可以有效的让用户归纳分类

对相同的元素进行版面设计时,可以利用留白将要素之间的的间隔进行扩大或者缩小,可以很自然的进行分组,给用户的感觉也是分组认知。

01bb0e5e3511a5a801216518f0f50a_03.jpg

UI设计的排版准则

层级提升浏览效率

运用不同字号可以建立页面的层次感

运用DNA颜色可以强调重点内容形成新的层级;运用购买色可以突出价格等强元素。

01bb0e5e3511a5a801216518f0f50a_05.jpg

重复-页面 更加简洁规律

重复在页面中多以控件形式出现

控件内容包括图片,文字,标签,icon等重复可以增加页面的整体感和统一性。

01bb0e5e3511a5a801216518f0f50a_07.jpg

对齐-更加直观有秩序

APP页面中,对齐真的是强有力的一种组织形式了

对齐可以让页面有一个视觉流,引导用户自上而下进行阅读。常用的表现形式有:左对齐,右对齐以及居中对齐。

01e7be5e3511a6a80120a895699437_02.jpg

接近-关联性强的元素整合

将功能和意思接近的元素组织在一起

进行卡片分割,进而整合在一个页面里,这个就是接近原则。接近原则可以让APP页面的层级更加清晰,用户的阅读体验更佳。

01e7be5e3511a6a80120a895699437_04.jpg

最新标签
最新更新
我要试用
验证码
奖励领取
验证码
关注或联系我们

微信公众号

业务咨询:400-9969-069(24小时服务) 028-86052918
售后热线:028-86052836
公司地址:成都市武侯区天益街38号理想中心3栋1810

在线客服
Copyright© 2022天健世纪. All Rights Reserved. 蜀ICP备16016808号
for 知乎链接图标抓取
×
快速定制通道
获取验证码
快速咨询